<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Website Title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link href="style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript" src="js/cufon-yui.js"></script>
    <script type="text/javascript" src="js/arial.js"></script>
    <script type="text/javascript" src="js/cuf_run.js"></script>
    <script>
        function showResult(str) {
            if (str.length == 0) {
                document.getElementById("livesearch").innerHTML = "";
                document.getElementById("livesearch").style.border = "0px";
                return;
            }
            if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp = new XMLHttpRequest();
            }
            else {// code for IE6, IE5
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function () {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    document.getElementById("livesearch").innerHTML = xmlhttp.responseText;
                    document.getElementById("livesearch").style.border = "2px";
                    document.getElementById("livesearch").style.color = "blue";

                }
            }
            xmlhttp.open("GET", "livesearch.php?q=" + str, true);
            xmlhttp.send();
        }
    </script>
</head>
<body>
<div class="main">
    <div class="main_resize">
        <div class="header">
            <div class="logo">
                <h1><a href="#"><span>Website</span>Name
                    <small>Simple web template</small>
                </a></h1>
            </div>
            <div class="search">
                <form method="get" id="search" action="#">

                    <a href="#">Bangalore</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#">Hyderabad</a>

                </form>
                <!--/searchform -->
                <div class="clr"></div>
            </div>
            <div class="clr"></div>
            <div class="menu_nav">
                <ul>
                    <li class="active"><a href="index.html">Home</a></li>

                    <li><a href="about.html">About Us</a></li>

                    <li><a href="contact.html">Contact Us</a></li>
                </ul>
                <div class="clr"></div>
            </div>
            <div class="hbg"><img src="images/header_images.jpg" width="923" height="251" alt=""/></div>
            <div class="content">
                <div class="content_bg">
                    <div class="mainbar">

                        <div class="search_doc">
                            <form method="get" id="search_doc" action="#">
          <span>
          <input type="text"  name="s" id="sd" onkeyup="showResult(this.value)"/>
          <input name="search_doc" type="image" src="images/search.gif" value="Go" name="search_doc" class="btn" />
          </span>

                            </form>
                            <div id="livesearch">
                            </div>

                            <!--/searchform -->
                            <div class="clr"></div>
                        </div>


                    </div>
                    <div class="sidebar">
                        <div class="gadget">
                            <u>This box will be related to user registration/login</u>

                            <h3><a href="#">New User Registration link</a></h3>

                            <h3><a href="#">Existing users login link</a></h3>


                        </div>
                        <div class="gadget">

                        </div>
                        <div class="gadget">

                        </div>
                    </div>
                </div>
                <div class="clr"></div>
            </div>
        </div>
    </div>
    <div class="fbg">
        <div class="fbg_resize">

            <div class="clr"></div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="footer_resize">
        <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>


        <div class="clr"></div>
    </div>
</div>

</body>
</html>